@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:12px;font-family:Arial, Tahoma, Helvetica, sans-serif;color:#333;}
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, img{margin:0;padding:0;}
ul, ol, li, dl, dt, dd {list-style:none; }
input, select, option{font-family:Arial, verdana, Tahoma, Helvetica, sans-serif;font-size:12px;margin:0;}
img {border:0px;}
a, a:link{color:#333;text-decoration:none;}
a:hover{color:#0069d5;text-decoration:none;}
a{blr:expression(this.onFocus=this.close());}
a{blr:expression(this.onFocus=this.blur());}
a:focus{-moz-outline-style:none;}
a{outline:none;}
body{background:url(images/body_bg.gif) repeat;}

/*==== Share ====*/
.clear{clear:both;}
.clearFix{clear:both;font-size:0;height:0;line-height:0;}
.fl{float:left;}
.fr{float:right;}

/*======== topbar ========*/
#tapbar{background:url(images/top_bg.png) repeat-x;height:47px;}
#tapbar .logo{float:left;color:#fff;padding:0 0 0 15px;line-height:45px;}
#tapbar .rbox1{float:right;background:url(images/line.gif) no-repeat 62px center;width:145px;padding:0 15px 0 0;}
#tapbar .rbox1 .login{display:block;background:url(images/icon_login.png) no-repeat 0 center;color:#ccc;padding:0 0 0 22px;width:40px;line-height:45px;}
#tapbar .rbox1 .signup{display:block;background:url(images/icon_signup.png) no-repeat 0 center;color:#ccc;padding:0 0 0 22px;width:50px;line-height:45px;}
#tapbar .rbox2{float:right;width:116px;padding:9px 0 0 0;}
#tapbar .rbox2 .facebook{display:block;background:url(images/icon_facebook.png) no-repeat center 0;width:32px;height:26px;text-indent:-9999px;}
#tapbar .rbox2 .twitter{display:block;background:url(images/icon_twitter.png) no-repeat center 0;width:32px;height:26px;text-indent:-9999px;}
#tapbar .rbox2 .google{display:block;background:url(images/icon_google.png) no-repeat center 0;width:32px;height:26px;text-indent:-9999px;}
#tapbar .rbox4{float:right;width:110px;}
#tapbar .rbox4 a{display:block;background:url(images/icon1.png) no-repeat 0 center;padding:0 0 0 26px;width:70px;line-height:45px;color:#ccc;}
#tapbar .user{float:right;background:url(images/icon_user.png) no-repeat 0 center;width:320px;line-height:47px;color:#fff;padding:0 0 0 22px;}
#tapbar .user .change{color:#3CF;text-decoration:underline;padding:0 0 0 15px;}
#tapbar .user .logout{color:#3CF;text-decoration:underline;padding:0 0 0 15px;}

#tapbar .showbtn{float:right;position:relative;width:110px;padding:10px 0 0 0;}
#tapbar .showbtn .sbtn{display:block;background:url(images/btn_flw.png) no-repeat;width:91px;height:24px; text-indent:-9999px;}
#tapbar .showbtn .showbg{position:absolute;background:url(images/showbtn_bg.png) no-repeat;width:167px;height:128px;z-index:99;left:-3px;top:7px;display:none;}
#tapbar .showbtn .showbg .nrbox{padding:50px 20px 0 25px;}
#tapbar .showbtn .showbg .nrbox .facebook{display:block;background:url(images/icon_facebook.png) no-repeat 0 center;height:30px;line-height:30px;padding:0 0 0 34px;color:#fff;font-size:13px;}
#tapbar .showbtn .showbg .nrbox .twitter{display:block;background:url(images/icon_twitter.png) no-repeat 0 center;height:30px;line-height:30px;padding:0 0 0 34px;color:#fff;font-size:13px;}

/*======== header ========*/
#header{width:980px;height:107px;margin:0 auto;}
#header .logo{float:left;padding:10px 0 0 15px;}
#header .logo a{display:block;background:url(images/melody_logo.png) no-repeat;width:156px;height:87px;text-indent:-9999px;}
#header .adbanner{float:right;padding:17px 20px 0 0;}

/*======== menu ========*/
#menu{background:url(images/menu_bg.gif) no-repeat;width:980px;height:92px;margin:0 auto;}
#menu .nav{padding:2px 0 0 35px;height:45px;}
#menu .nav li{position:relative;float:left;background:url(images/nav_line.png) no-repeat right 8px;width:120px;height:45px;padding:0 17px 0 15px;}
#menu .nav li a{display:block;line-height:45px;height:45px;color:#fff;font-size:17px;text-align:center;}
#menu .nav li a:hover{color:#FF0;}
#menu .nav li.curr a{background:url(images/nav_bg.png) no-repeat;}

#menu .nav li ul{position:absolute;background:url(images/nav_bg2.png) no-repeat;padding:0 10px;width:100px;height:135px;top:5px;left:15px;z-index:200;display:none;}
#menu .nav li ul li{background:none;padding:0;width:90px;height:30px;padding:0 5px;}
#menu .nav li ul li a{display:block;line-height:30px;height:30px;font-size:13px;text-align:left;}
#menu .nav li ul li .tit{background:none;font-size:17px;text-align:center;line-height:35px;height:35px;color:#9aceff;}
#menu .nav li ul li .tit:hover{ background:none;}
#menu .nav li ul li .mac{background:url(images/nav_mac.png) no-repeat 0 center;padding:0 0 0 22px;}
#menu .nav li ul li .android{background:url(images/nav_android.png) no-repeat 0 center;padding:0 0 0 22px;}

#menu .sbox{padding:0 20px;height:35px;}
#menu .sbox .topic{float:left;width:700px;}
#menu .sbox .topic a{line-height:35px;padding:0 5px;color:#0069d5;}
#menu .sbox .search{float:right;background:url(images/search_bg.gif) no-repeat;width:196px;height:25px;margin:5px 0 0 0;}
#menu .sbox .search .ipt{float:left;display:block;width:147px;padding:3px 5px 0 15px;}
#menu .sbox .search .ipt .input_style{width:147px;height:17px;color:#666;outline:none;border:1px solid #fff;display:inline-block;overflow:hidden;}
#menu .sbox .search .btn{float:right;display:block;width:29px;height:25px;}
#menu .sbox .search .btn a{display:block;width:29px;height:25px;text-indent:-9999px;}

/*======== footer ========*/
#footer{background:#4a4a4a;margin:40px 0 0 0;}
#footer .wrap{width:980px;margin:0 auto;padding:20px 0;}
#footer .wrap p{text-align:center;color:#aaa;line-height:20px;}
#footer .wrap p a{color:#aaa;}
#footer .wrap p a:hover{text-decoration:underline;}
#footer .wrap .link a{padding:0 5px;}

/*======== btn ========*/
.more{display:block;background:url(images/btn_more.png) no-repeat;width:103px;height:27px;text-indent:-9999px;}

/*======== crumb ========*/
.crumb{background:url(images/icon_home.gif) no-repeat 15px 14px;padding:10px 15px 15px 38px;line-height:24px;height:24px;color:#666;}
.crumb a{text-decoration:underline;}
.crumb .classbtn{display:block;float:right;width:304px;height:24px;}
.crumb .classbtn a{display:block;float:left;background:url(images/crumb_btn.gif) no-repeat center 0;width:76px;height:24px;line-height:24px;text-align:center;text-decoration:none;font-weight:bold;}
.crumb .classbtn a:hover,
.crumb .classbtn a.curr{background:url(images/crumb_btn.gif) no-repeat center -24px;color:#fff;}

/*======== show_w ========*/
.show_w{width:450px;display:none;}
.show_w .title1{background:url(images/w_title1.png) no-repeat;height:52px;text-indent:-9999px;}
.show_w .title2{background:url(images/w_title2.png) no-repeat;height:52px;text-indent:-9999px;}
.show_w .title3{background:url(images/w_title3.png) no-repeat;height:52px;text-indent:-9999px;}
.show_w .title4{background:url(images/w_title4.png) no-repeat;height:52px;text-indent:-9999px;}
.show_w .cenbg{background:url(images/w_cenbg.png) repeat-y;padding:35px 57px 0 57px;}
.show_w .btmbg{background:url(images/w_btmbg.png) no-repeat;height:50px;}
.show_w .cenbg span{display:block;}
.show_w .cenbg .k1{padding:5px 0;}
.show_w .cenbg dl{padding:0 0 15px 0;}
.show_w .cenbg dt{font-size:13px;line-height:22px;font-weight:bold;}
.show_w .cenbg dd{color:#666;line-height:20px;}
.show_w .signin,
.show_w .account{display:block;background:url(images/btn_sign.png) no-repeat;width:221px;height:43px;text-indent:-9999px;}
.show_w .account{background-position:0 -43px;}
.show_w .submit{display:block;background:url(images/btn_submit.png) no-repeat;width:129px;height:43px;text-indent:-9999px;}
.show_w .facebook{display:block;width:160px;background:url(images/icon_facebook2.png) no-repeat 0 center;padding:0 0 0 22px;color:#666;line-height:26px;}
.show_w .ipt_style1,
.show_w .ipt_style2,
.show_w .ipt_style3,
.show_w .ipt_style4{background:url(images/input_bg.gif) no-repeat;height:41px;line-height:41px;color:#afafaf;padding:0 10px 0 35px;font-size:12px;outline:none;border:none;display:inline-block;overflow:hidden;}
.show_w .ipt_style1{width:290px;}
.show_w .ipt_style2{width:290px;background-position:0 -41px;}
.show_w .ipt_style3{width:290px;background-position:0 -82px;}
.show_w .ipt_style4{width:102px;background-position:0 -123px;}
.show_w .ipt_style5{background:url(images/input_bg2.gif) no-repeat;width:315px;height:110px;line-height:26px;color:#afafaf;padding:0 10px;font-size:12px;outline:none;border:none;display:inline-block;overflow:hidden;font-family:Arial;}
.close{display:block;float:right;background:url(images/close.png) no-repeat;width:20px;height:20px;line-height:20px;margin:20px 20px 0 0;text-indent:-9999px;}